<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
  <meta content="yes" name=" apple-mobile-web-app-capable" />
  <!-- 隐藏状态栏  -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>点餐详情</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/details.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/order-food.css">
  <style>
    header{
      position: fixed;
      width: 100%;
      z-index: 999;
    }
  </style>
</head>
<body class="ng-cloak" style="background:#f7f7f7;" ng-app="wxFood" ng-controller="FoodListCtrl">
  <header>
      <div class="wrapper clearfix">
        <div class="detail_fl fl">
          <a href="javascript:history.back();" class=""><img src="img/srh_icon.png" alt=""></a>
        </div>
        <h1 class="top_title" ng-bind="shopName"></h1>
      </div>
  </header>
  <div class="b-bg"></div>
  
  <div class="main-title" ng-show="UserOrderDetail.data.tableId < 0">
    <p>已关联到订单</p>
  </div>
  <div class="main-title" ng-show="UserOrderDetail.data.tableId > 0">
    <p>已关联到订单包厢{{UserOrderDetail.data.tableName}}</p>
  </div>

  <div class="main-title" ng-show="fr != 'order'">
    <p class="fl">选择包厢号码</p>
    <select class="fr" ng-model="params.tableId" ng-options="table.tableId as table.tableName for table in tableDetail"></select>
  </div>

  <section class="main clearfix" style="padding-top:94px;">
    <nav class="fl" id="nav">
      <ul id="myTab">
        <li ng-class="{act:food.isShow}" id="" ng-repeat="food in foodDetails">
          <a href="javascript:void(0)" ng-click="switchFood($index)">
            <i></i><p ng-bind="food.cateName"></p>
            <div class="bar"></div>
          </a>
        </li>
      </ul>
    </nav>
    <aside class="fr" ng-repeat="food in foodDetails" ng-show="food.isShow">
      <p class="aside-top">{{food.cateName}}<span>{{food.count}}</span></p>
      <ul>
        <li class="clearfix" ng-repeat="foodObj in food.foodList" ng-click="foodDetail($parent.$index, foodObj.foodId)">
          <p>{{foodObj.foodName}}</p>
          <p>{{foodObj.price}} <span>{{foodObj.unName}}</span></p>

          <div class="fr">
            <i ng-click="decrease($parent.$index,foodObj.foodId,$event)" class="reduce" ng-show="foodObj.foodNumber > 0"></i>

            <span ng-bind="foodObj.foodNumber" ng-show="foodObj.foodNumber > 0"></span>

            <i ng-click="increase($parent.$index, foodObj.foodId,$event)" class="plus"></i>
          </div>
        </li>
      </ul>
    </aside>
  </section>

  <!-- footer btn -->
  <footer class="sub-btn">
    <i ng-click="shoppingCart()"></i>
    <span ng-show="amount > 0">{{amount}}</span>
    <input ng-click="submit()" type="button" value="确认提交">
    <p class="total"><b>总价: ¥：</b>{{total}}</p>
  </footer>

  <!-- modal 模态框 -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="top:20%;">
    <div class="modal-dialog" role="document">
      <div class="modal-content" id="single">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </div>
        <div class="modal-body">
          <div class="modal-pic">
            <img ng-src="{{detailObj.foodImg}}" alt="">

            <div class="more-info" ng-show="detailObj.cateId == 1">
              <div id="slide-btn" class="text-center">点击查看详情</div>
              <p class="info" ng-repeat="fName in detailObj.subFoodList">{{fName.foodName}}&nbsp;{{fName.count}}{{fName.unName}}</p>
            </div>
          </div>
          <div class="food-modal-foot">
            <p>{{detailObj.foodName}}</p>
            <p>¥{{detailObj.price}}<span>/{{detailObj.unName}}</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/angular.min.js"></script>
<script type="text/javascript" src="js/constants.js"></script>
<script src="js/common.js"></script>
<script src="js/order-foodinfo.js"></script>
<script>
    _maq.push(['_setMaq', 'order-foodInfo']);
</script>
</html>